<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/laypublic.jsp" %>
<%@ include file="../include/vueComponent.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>历史审批信息</title>
</head>
<link rel="stylesheet" href="${ctx}/resources/vue-element-lib/detail.css">
<style>
    .approval {
        box-sizing: border-box;
        padding: 10px;
    }
</style>
<body>
<div id="app">
    <div class="layui-tab layui-tab-brief" lay-filter="xqxx-tab-all">
        <ul class="layui-tab-title">
            <li id="tbglId" class="layui-this" lay-id="0">详情</li>
            <li id="zgysId" lay-id="1">审批结果</li>
        </ul>

        <div class="layui-tab-content" style="height: 100px;">
            <div class="layui-tab-item layui-show">
                <!-- 引入所有的页面，后端返回一个nodeType标识具体展示哪一个 -->
                <!-- 立项 -->
                <c:if test="${nodeType eq '2'}">
                    <%@ include file="procdetail/lay-projectApproval-process.jsp" %>
                </c:if>
            </div>
            <div class="layui-tab-item">
                <div class="approval">
                    <%--人员审批列表--%>
                    <div class="people_list">
                        <div class="item" v-for="(item,index) in  tempNodeList">{{item.nodeName}}</div>
                    </div>
                    <div class="reply_list">
                        <el-form label-width="100px">
                            <el-row class="border" v-if="procNodeList&&procNodeList.length>0" v-for="(item,index) in procNodeList"
                                    :key="index" v-if="item.state != '-1'">
                                <el-col :span="8">
                                    <el-form-item label="节点">
                                        <span style="color: black">{{item.nodeName}}</span>
                                    </el-form-item>
                                    <el-form-item label="审批结果">
                                        <span style="color: black">{{item.state=='0'?'不同意':'同意'}}</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="16">
                                    <el-row type="flex" justify="space-between">
                                        <el-col :span="10">
                                            <el-form-item label="审批人">
                                                <span style="color: black">{{item.dealName}}</span>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="10">
                                            <el-form-item label="审批时间">
                                                <span style="color: black">{{item.dealTime}}</span>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                </el-col>
                                <el-col :span="16">
                                    <el-form-item label="审批结果">
                                        <el-input type="textarea" :rows="4" :value="item.dealIdea" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%--<script src="${ctx}/resources/vue-element-lib/jquery.js"></script>--%>
<%--<script>
    /*核心*/
    var vm = new Vue({
        el: '#app',
        data() {
            return {
                procNodeList: [],
                tempNodeList: [],
                info:'',
            }
        },
        created() {
            this.processId = "${processId}"
            this.queryProcessList();
        },
        mounted() {

        },
        methods: {
            queryProcessList() {
                let that = this;
                $.ajax({
                    type: 'post',
                    url: basePath + '/historyProcess/proNodeDetail',  //请求数据接口
                    data: {processId: that.processId},
                    success: function (result) {
                        if (result.entity) {
                            that.procNodeList = result.entity.procNodeList;
                            that.tempNodeList = result.entity.tempNodeList;
                            that.info = result.entity.detailJson;
                        }
                    }
                });
            },
        }
    });
</script>--%>
</body>
</html>
